function processFile(blob, fileName) {

    function baseName(name) {
        var n = (name || 'file').toLowerCase();
        if (n.includes('.')) n = n.split('.').slice(0, -1).join('.');
        return n || 'file';
    }

    function outputName(pageIndex) {
        var b = baseName(fileName);
        return b + (pageIndex > 0 ? (' page ' + pageIndex) : '') + '.webp';
    }

    var isPdf = /\.pdf$/i.test(fileName || '') || ((blob && blob.type) ? (blob.type.toLowerCase().indexOf('pdf') >= 0) : false);

    if (isPdf) {
        var reader = new FileReader();
        reader.onload = function (e) {
            try {
                if (typeof PDFJS === 'undefined' || !PDFJS.getDocument) {
                    alert('This file could not be converted right now. Please try again.');
                    return;
                }
                PDFJS.workerSrc = '/js/pdf.worker.js';
                PDFJS.getDocument(new Uint8Array(e.target.result)).then(function (pdf) {
                    var p = 1;
                    var renderNext = function () {
                        if (p > pdf.numPages) return;
                        pdf.getPage(p).then(function (page) {
                            var viewport = page.getViewport(2);
                            var c = document.createElement('canvas');
                            var ctx = c.getContext('2d');
                            c.width = viewport.width;
                            c.height = viewport.height;
                            page.render({ canvasContext: ctx, viewport: viewport }).promise.then(function () {
                                var imgData = c.toDataURL('image/webp');
                                add_file_output(imgData, outputName(pdf.numPages > 1 ? p : 0), pdf.numPages === 1);
                                p++;
                                renderNext();
                            }).catch(function(){ alert('This file could not be converted right now. Please try again.'); });
                        }).catch(function(){ alert('This file could not be converted right now. Please try again.'); });
                    };
                    renderNext();
                }).catch(function(){ alert('This file could not be converted right now. Please try again.'); });
            } catch (err) {
                alert('This file could not be converted right now. Please try again.');
            }
        };
        reader.readAsArrayBuffer(blob);
        return;
    }

    let c = document.createElement("canvas");

    let cObject = $(c);

    let context = c.getContext("2d");

    let img = new Image();

    img.onload = function () {

    var outputFileName = baseName(fileName) + '.webp';

    cObject.attr('width', img.width);
    cObject.attr('height', img.height);

    context.drawImage(img, 0, 0)
    var imgData = c.toDataURL("image/webp");

    add_file_output(imgData, outputFileName);
    }

    img.onerror = function () {
        alert('This file could not be converted right now. Please try again.');
    }

    img.src = URL.createObjectURL(blob);

    }
            






var _loadedScripts = {};
function loadScriptPromise(url) {
    if (_loadedScripts[url]) return _loadedScripts[url];
    _loadedScripts[url] = new Promise(function (resolve, reject) {
        var s = document.createElement('script');
        s.src = url;
        s.onload = resolve;
        s.onerror = reject;
        document.head.appendChild(s);
    });
    return _loadedScripts[url];
}

function replaceAll(find, replace, str) {
    return str.replace(new RegExp(find, 'g'), replace);
}

function beautify(str) {


    var result = '';

    var length = str.length;

    var i = 0;

    var braceCountLeft = 0;
    var braceCountRight = 0;

    var withinQuotes = false;

    while (i < length) {

        var c = str[i];

        if (c == '"' && (i == 0 || c[i - 1] != '\\')) {
            // non-escaped quotes
            withinQuotes = !withinQuotes;
        }

        if (!withinQuotes && (c == '}' || c == '{' || c == ',')) {

            console.log('Start####' + result);

            // look back and remove carriage returns and whitespace that are already there

            var resultIndex = result.length - 1;
            while (resultIndex >= 0 && (result[resultIndex] == ' ' || result[resultIndex] == '\r' || result[resultIndex] == '\n' || result[resultIndex] == '\t')) {

                resultIndex = resultIndex - 1;
                result = result.substr(0, resultIndex + 1);

                console.log('char ' + result[resultIndex] + '-----' + result + 'zzz ' + result.length + ' ' + resultIndex);

            }


            if (c == '{') {
                braceCountLeft++;
                result += c + '\r' + GetTabs(braceCountLeft - braceCountRight);
            } else if (c == '}') {
                braceCountRight++;
                // precede with carriage return
                result += '\r' + GetTabs(braceCountLeft - braceCountRight) + c;
            } else if (c == ',') {
                result += c + '\r' + GetTabs(braceCountLeft - braceCountRight);
            }

            var nextChar = '';

            // advance through whitespace and remove carriage returns that are already there
            while (i < length && (str[i + 1] == ' ' || str[i + 1] == '\r' || str[i + 1] == '\n' || str[i + 1] == '\t')) {
                i++;
            }

        } else {

            result += str[i];

        }


        i++;

    }

    return result;

}

function GetTabs(count) {

    var result = '';

    for (var i = 0; i < count; i++) {
        result += '    ';
    }

    return result;

}